<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>第九十二节课</title>
    <link rel="stylesheet" href="../css/common.css">
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script>
/*
        如果jQuery元素匹配多个元素，如何精确的指出当前元素对象呢？
        不妨在当前的jQuery命令中调用each方法

        在当前jQuery方法对象的环境中，调用each()方法，通过隐式迭代的方式，
        让this指针依次引用每一个匹配的DOM元素对象。
*/
        jQuery.fn.test = function () {
            //console.log(this[0].nodeName);
            this.each(function () {
                console.log(this.nodeName);
            })
        };

        $(function () {
            $("body *").click(function () {
                $(this).test();
            });
            /*$("#aa").click(function(){
                $(this).test();
             });*/
        })

    </script>
</head>
<body>
<input type="button" value="jQuery自定义命令测试"/>

<div>div</div>
<p>p</p>
<span>span</span>

</body>
</html>
